<template>
  <div class="out">
    <div class="head">
      <img @click="$router.back(-1)" src="../../assets/hy.png" alt />
      <div>USDT&nbsp;转账记录</div>
    </div>
    <div class="list">
      <div class="block" @click="$router.push('/bill')">
        <div class="one">
          <div class="top">1</div>
          <div class="bottom">
            <span>充值提现</span>
            <img src="@/assets/yj.png" alt />
            <span>比特算力</span>
          </div>
        </div>
        <div class="two">2019.10.16 15:50:50</div>
        <div class="three">
          <div class="dg">
            <img src="@/assets/hg.png" alt />
          </div>
          <p>处理成功</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  created: function() {},
  mounted() {},
  methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.f-flex {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.out {
  .head {
    height: 1.386667rem;
    background: #fff;
    box-shadow: 0px 2px 1px 0px rgba(36, 36, 36, 0.26);
    opacity: 0.96;
    .f-flex();
    justify-content: center;
    img {
      position: absolute;
      left: 0.613333rem;
      width: 0.293333rem;
      height: 0.48rem;
    }
    div {
      text-align: center;
      font-size: 0.4rem;
      color: #000;
      font-weight: bold !important;
    }
  }
  .list {
    .block {
      height: 1.226667rem;
      width: 9.386667rem;
      margin: auto;
      margin-top: 0.426667rem;
      border-radius: 0.066667rem;
      background: #fff;
      box-shadow: 0px 2px 1px 0px rgba(36, 36, 36, 0.26);
      opacity: 0.96;
      .f-flex();
      justify-content: space-between;
      .one {
        padding-left: 0.6rem;
        color: #434343;
        .top {
          text-align: left;
          color: #434343;
          font-weight: bold !important;
        }
        .bottom {
          color: #434343;
          margin-top: 0.133333rem;
          .f-flex();
          img {
            width: 0.493333rem;
            height: 0.16rem;
            margin-left: 0.08rem;
            margin-right: 0.08rem;
          }
        }
      }
      .two {
        color: #434343;
      }
      .three {
        color: #434343;
        width: 1.6rem;
        .f-flex();
        flex-direction: column;
        border-left: 1px solid #f4e4e4;
        .dg {
          img {
            width: 0.533333rem;
            height: 0.533333rem;
          }
        }
        p {
          font-size: 0.186667rem;
          color: #bfbfbf;
        }
      }
    }
  }
}
</style>

